<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="ui-widget">
	<div class="ui-state-highlight ui-corner-all"
		style="margin-top: 10px; padding: 0pt 0.7em; height: 60px">
		<p>
			<span class="ui-icon ui-icon-info"
				style="float: left; margin-right: 0.3em"></span>
			<strong>友情帮助:</strong>
			<br>
			<span style="font-size: 12px; padding-top: 10px;">
				第1步中选择的所有宝贝将被放在一起组成一个推广模块，本页面既可以给这个推广模块设置样式。推广模块中宝贝展现的顺序可以在右侧列表中拖动。需要注意的是，动态推广宝贝在安装过程中会替换成实际宝贝。</span>
		</p>
	</div>
</div>
<div style="clear: both; height: 10px;"></div>
<div class="fieldset"  style="width: 750px">
	<span style="font-weight: bold">模块名称：</span>
	<input type='text' id='setTableTitle' value="你可能还喜欢"
		style="width: 200px" />
</div>
<div style="clear: both; height: 10px;"></div>
<div>
	<fieldset style="width: 750px">
		<legend>
			选择样式：
		</legend>
		<div>
			<div style="float: right; margin-right: 20px">
				<img id="dialog_new_style" class="_button"
					src="<s:url value="/img/new_style.png"/>" />
			</div>
			<p style="clear: left; height: 25px"></p>
			<div class="red f10" style="">
				注意：您可以在列表中选择之前创建的样式，初次使用请新建样式。
			</div>
		</div>
		<p style="clear: left; height: 5px"></p>
		<table id="styleTable"></table>
		<div id="stylePager"></div>
	</fieldset>
</div>
<div style="clear: both; height: 10px;"></div>
<div id="choose_style_preview" class="fieldset"
	style="text-align: center; width: 750px">
</div>
<%@ include file="new_style.jsp"%>